page-contact {
    .toolbar-ios ion-title{
        padding:0;
    }
    ion-header .toolbar{
        height: 6rem;
    }
    .scroll-content{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .item-ios.item-block .item-inner{
        padding-right: 0
    }
    .label-ios{
        margin: 0
    }   
    .list-ios > .item-block:first-child,.item-ios.item-block .item-inner{
        border: none
    }
    
    //顶部搜索栏样式
    .toolbar .searchbar-ios .searchbar-input{
        border-radius: 20px;
        background-color: white;
        opacity:0.2;
    }
    .toolbar .searchbar-ios{
        width: 80%
    }
    .button-inner{
        float: right;
        color: #000
    }
    .header-ios .toolbar-ios:last-child .toolbar-background-ios{
        border-width: 0
    }

    //顶部导航栏样式
    ion-segment{
        padding:1rem 0;
        background-color: #FF5D5D
    }
    .segment-ios .segment-button{
        height: 2rem;
        line-height: 2rem;
        font-size: 1.4rem;
        border-left-width: 0;
        border-top-width: 0;
        border-bottom-width: 0;
        color: #fff;
        border-right-color: #fff;
    }
    .segment-ios .segment-button:last-of-type{
        border-width: 0
    }
    .segment-ios .segment-button.segment-activated{
        background-color: #FF5D5D
    }


    //内容列表样式
    .grid{
        padding-bottom: 0;
        padding:0.7rem 1rem 0 1rem;
    }
    .textDes{
        width: 100% !important;
    }
    
    .card-ios{
        width: 100%;
        margin: 0
    }
    .card-content-ios{
        padding: 0
    }
    .item-ios{
        padding: 0
    }
    .icon1{
        display: inline-block;
        width:10%;
        height:1.5rem;
        vertical-align:top;
        overflow: hidden;
        margin-top: -0.2rem;
    }
    .icon1 img{
        width: 100%;
        height:100%;
    }
    .icon2,.icon3{
        display: inline-block;
        width: 15px;
        height:15px;
        opacity:0.6;
        vertical-align: bottom;
    }
    .icon2{
        position:relative;
        height:20px;
        width:25px;
        vertical-align: bottom;
        top:5px;

    }
    
    .view{
        display: inline-block;
        color:rgb(153,153,153);
        // float: right;
        margin-top: -0.5rem;
    }
    .item-ios p{
        // width: 20.2rem;
        height: 3rem;
        margin-top:0.5rem;
         line-height: 1.6rem;
        font-size: 1.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        // text-indent: 2rem;
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        color: rgb(153,153,153);
    }
    // .pic{
    //     float: right;
    //     display: inline-block;
    //     width: 20%;
    //     margin-right: 5px

    // }
    .view span{
        vertical-align: bottom;
        line-height: 1.4rem;
        display: inline-block;
    }
    // page-contact .pic{
    //     height:70px;
    //     margin-top:8px;
    // }
   
    .item-ios{
        margin-bottom: 0.5rem;
    }
    .anjiao{
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 15px solid white;
        position: absolute;
        left: 34%;
        top:86%;
        display: none;
    }
    .nav{
        width:100%;
        height:3.8rem;
        margin:0;
        padding: 0;
        background: #FF5D5D;
        position: fixed;
        z-index: 999;
       top:6rem;
       overflow: hidden;
    }
    .nav li{
        color:white;
        list-style: none;
        float: left;
        width:20%;
        height:3.8rem;
        text-align: center;
        line-height:3.8rem;
        position: relative;
    }
    .nav li:first-child:after{
        width: 0;
    }
    .nav li:after{
        content: "";
        position: absolute;
        width:0.08rem;
        height:1.6rem;
        background:white;
        left: 0;
        top:1.1rem;
    }
    .nav li:hover .anjiao{
        display: block;
    }
    .list-ios{
        margin-top:4rem;
        margin-bottom: 1rem;
    }
    .date{
        max-width:28%;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.2rem;
        color:rgb(153,153,153);
    }
     .name{
        width:18%;
        display: inline-block;
        white-space:nowrap; 
        text-overflow:ellipsis; 
        -o-text-overflow:ellipsis; 
        overflow:hidden;
        vertical-align: middle;
        margin-left: -0.8rem;
        color:black;
     }
    
    .out{
        display: flex;
        width: 100%;
       
    }
    .out .outleft{
        flex:2.2;
       
        padding-right:9px;
    }
    .out .outright{
        flex: 1;
        
    }page-contact .item-ios{
        margin-bottom: 3px;
    }
    ion-card img{
        margin-right: 0;
        height:auto;
    }
    .botLine{
        width: 79%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        color:#999;
        margin-bottom: 1rem;
    }
    .overright{
        float: right
    }
    .overleft{
        float: left;
    }
    .float{
        width: 27%;
        height:1rem;
        border-bottom: 1px solid #999;
    }
    ion-avatar, ion-thumbnail{
        display: inline-block;
    }
    .item-ios ion-avatar{
        vertical-align: middle;
        line-height: 3.6rem;
    }
    .item-ios ion-avatar ion-img, .item-ios ion-avatar img{
        width: 2rem;
        height:2rem;
        margin-top: 0.6rem;
    }
    .float2{
        width:50%;
      }
      .fab{
        width:6rem;
      }
      .fab-ios-light{
        background: transparent;
      }
      .fab-ios{
        background-color: transparent;
      }
      .fab-ios img{
        width: 100%;
      }
      ion-fab[bottom]{
        bottom:1rem;
      }
      [padding] h1:first-child, [padding] h2:first-child, [padding] h3:first-child, [padding] h4:first-child, [padding] h5:first-child, [padding] h6:first-child{
          margin: 0;
      }
}
